import React, { Component } from 'react';
import { Text, View, Dimensions, StyleSheet, ImageBackground, Image } from 'react-native';

// const searchBar = () => {
//     return <>
//     <Text>searchbar</Text>
//     </>
// }

// export default searchBar;

import { SearchBar } from 'react-native-elements';

export default class App extends React.Component {
    state = {
        search: '',
    };

    updateSearch = (search) => {
        this.setState({ search });
    };

    render() {
        const { search } = this.state;

        return (
            <SearchBar
                placeholder="Type Here..."
                onChangeText={this.updateSearch}
                value={search}
            />
        );
    }
}
